<template>
    <div class="home">
        <el-container>
            <!-- 头部 -->
            <el-header>
                <Navigation />
            </el-header>
            <!-- 信息 -->
            <el-main :style="defaultHeight">
                <router-view />
            </el-main>
            <!-- 页脚   -->
            <el-footer>
                <Footer></Footer>
            </el-footer>
        </el-container>
    </div>
</template>

<script>
import Navigation from '@/components/Navigation.vue'
import Footer from '@/components/Footer.vue'

export default {
    name: 'Home',
    components: {
        Navigation,
        Footer
    },
    data () {
        return {
            defaultHeight: {
                height: ""
            }
        };
    },
}
</script>
<style scoped>
/* .el-header, */
.el-footer {
    background-color: #3E5215;
    /* margin-top: 100px; */
}

.el-aside {
    background-color: #D3DCE6;
}

.el-main {
    background-color: #E9EEF3;
    /* height: calc(100vh - 130px); */
    /* margin-bottom: 100px; */
}

.el-card__body,
.el-main {
    padding: 0 !important
}

.header {
    width: 1240px;
    margin: 0 auto;
}
</style>
